<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>我的新版朋友圈!!!</title>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="${CONTEXT_PATH}/zb/css/index.css">
    <script src="${CONTEXT_PATH}/zb/js/analytics.js"></script>
    <script src="${CONTEXT_PATH}/zb/js/jquery.min.js" type="text/javascript"></script>
    <style type="text/css" adt="123"></style>
    <script src="${CONTEXT_PATH}/zb/js/jweixin-1.0.0.js"></script>
    <script><#include "/zb/wxjs.html" encoding = "utf-8"/></script>
    <style type="text/css">
        * {
            cursor: pointer;
        }

        .weui_mask_transition {
            display: none;
            position: fixed;
            z-index: 1;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0);
            -webkit-transition: background .3s;
            transition: background .3s;
        }

        .weui_fade_toggle {
            background: rgba(0, 0, 0, 0.6);
        }

        .weui_actionsheet {
            position: fixed;
            left: 0;
            bottom: 0;
            -webkit-transform: translate(0, 100%);
            -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 2;
            width: 100%;
            background-color: #EFEFF4;
            -webkit-transition: -webkit-transform .3s;
            transition: transform .3s;
        }

        .weui_actionsheet_toggle {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }

        .weui_actionsheet_menu {
            background-color: #FFFFFF;
        }

        .weui_actionsheet_cell:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 1px;
            border-top: 1px solid #D9D9D9;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            -ms-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }

        .weui_actionsheet_cell:first-child:before {
            display: none;
        }

        .weui_actionsheet_cell {
            position: relative;
            padding: 10px 0;
            text-align: center;
            font-size: 18px;
        }

        .weui_actionsheet_cell.title {
            color: #999;
        }

        .weui_actionsheet_action {
            margin-top: 6px;
            background-color: #FFFFFF;
        }
    </style>
    <style type="text/css" adt="123"></style>
</head>
<style type="text/css" id="51310749590"></style>
<body>
<div id="actionSheet_wrap">
    <div class="weui_mask_transition" id="mask" style="display: none;">
    </div>
    <div class="weui_actionsheet" id="weui_actionsheet">
        <div class="weui_actionsheet_menu">
            <div class="weui_actionsheet_cell title">
                👇选择进入你的朋友圈
            </div>
            <div class="weui_actionsheet_cell play_pyq" data-scene="man">
                男版朋友圈
            </div>
            <div class="weui_actionsheet_cell play_pyq" data-scene="woman">
                女版朋友圈
            </div>
        </div>
        <div class="weui_actionsheet_action">
            <div class="weui_actionsheet_cell actionsheet_cancel">
                取消
            </div>
        </div>
    </div>
</div>
<!--  -->
<div id="actionSheet_wrap_child">
    <div class="weui_mask_transition" id="mask_child" style="display: none;">
    </div>
    <div class="weui_actionsheet" id="weui_actionsheet_child">
        <div class="weui_actionsheet_menu">
            <div class="weui_actionsheet_cell title">
                👇选择你想要的版本
            </div>
            <div class="weui_actionsheet_cell play_type" data-type="a">
                明星朋友圈A
            </div>
            <div class="weui_actionsheet_cell play_type" data-type="b">
                明星朋友圈B
            </div>
            <div class="weui_actionsheet_cell play_type" data-type="c">
                明星朋友圈C
            </div>
            <div class="weui_actionsheet_cell play_type" data-type="xy">
                西游朋友圈
            </div>
            <div class="weui_actionsheet_cell play_type" data-type="sh">
                水浒朋友圈
            </div>
        </div>
        <div class="weui_actionsheet_action">
            <div class="weui_actionsheet_cell actionsheet_cancel">
                取消
            </div>
        </div>
    </div>
</div>
<!--/ -->
<div style="margin:0 auto;display:none;">
    <img class="data-avt" src="#">
</div>


<header>
    <img id="bg" src="${CONTEXT_PATH}/zb/img/bg2.jpg">
    <p id="user-name" class="data-name">🐹</p>
    <img id="avt" class="data-avt" src="#">
</header>
<div id="main">
    <div id="list">
        <ul>
            <li>
                <div class="po-avt-wrap">
                    <img class="po-avt data-avt" src="#">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name"><span class="data-name">🐹</span></p>
                        <div class="post">
                            <p>我真心把你们当朋友，而你们呢？呵呵<br><br><br><br>一个个全都把我当偶像！</p>
                            <p>
                                <img class="data-avt" src="#">
                            </p>
                        </div>
                        <p class="time">刚刚</p><img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                    </div>
                    <div class="r"></div>
                    <div class="cmt-wrap">
                        <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">高圆圆，都敏俊，鹿晗，郑凯，李晨，王祖蓝，…</div>
                        <div class="cmt-list">
                            <p><span>迪丽热马-Dilraba：</span>😍偶像～</p>
                            <p><span>鹿晗：</span>男神💘～</p>
                            <p><span>权志龙：</span>아이돌～</p>
                            <p><span class="data-name">🐹</span>回复<span>鹿晗：</span>别！我真的只是把你当朋友！</p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="po-avt-wrap">
                    <img class="po-avt" src="${CONTEXT_PATH}/zb/img/bingbing.jpg">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name">范冰冰</p>
                        <div class="post">
                            <p>刚才看到一个身影很像你，我疯了似的追上去，才想起这个城市没有你，不由自主流下泪来，我想你了~ @<span class="data-name">🐹</span></p>
                            <img class="list-img" src="${CONTEXT_PATH}/zb/img/bing1.jpg" style="height: 80px;">
                            <img class="list-img data-avt" src="#" style="height: 80px;">
                        </div>
                        <p class="time">1分钟前</p>
                        <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                    </div>
                    <div class="r"></div>
                    <div class="cmt-wrap">
                        <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png"> 杨幂，angelbaby，李易峰，边伯贤，柳岩</div>
                        <div class="cmt-list">
                            <p><span>柳岩：</span>求求你，不要跟我抢<span class="data-name">🐹</span>好吗？</p>
                            <p><span class="data-name">🐹</span><span>：</span>呃，冰冰姐你这样黑牛会杀了我</p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="po-avt-wrap">
                    <img class="po-avt" src="${CONTEXT_PATH}/zb/img/cjk.jpg">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name">苍井空</p>
                        <p class="post">还是好困~</p>
                        <img src="${CONTEXT_PATH}/zb/img/cjk2.jpg">
                    </div>
                    <p class="time">2分钟前</p>
                    <img class="c-icon" src="page/npyqxy_files/pl_icon.png">
                    <div class="r"></div>
                    <div class="cmt-wrap">
                        <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">大鹏，王俊凯，陈冠希，昆凌，张杰，李易峰</div>
                        <div class="cmt-list">
                            <p><span>陈冠希：</span>怪我咯~</p>
                            <p><span class="data-name">🐹</span><span>：</span>怪我咯~</p>
                            <p><span>大鹏：</span>怪我咯~</p>
                            <p><span>李易峰：</span>怪我咯~</p>
                            <p><span>苍井空</span>回复<span class="data-name">🐹</span><span>：</span>知道就好！</p>
                        </div>
                    </div>
                </div>

            </li>
            <li>
                <div class="po-avt-wrap">
                    <img class="po-avt" src="${CONTEXT_PATH}/zb/img/liu.jpeg">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name">刘嘉玲</p>
                        <div class="post">
                            <p>电影《澳门风云3》首映，好久不见了各位大爷！强烈鄙视一个不愿露面的 @<b class="data-name">🐹</b></p>
                            <img class="list-img" src="${CONTEXT_PATH}/zb/img/liu1.jpg" style="height: 80px;">
                            <img class="list-img" src="${CONTEXT_PATH}/zb/img/liu3.jpg" style="height: 80px;">
                            <img class="data-avt list-img" src="#" style="height: 80px;">
                        </div>
                        <p class="time">3分钟前</p>
                        <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                    </div>
                </div>
            </li>


            <li>
                <div class="po-avt-wrap">
                    <img class="po-avt data-avt" src="#">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name"><span class="data-name">🐹</span></p>
                        <div class="post">
                            <p>从明天开始戒酒，如果再喝一口的话，不用你们说...我自罚三杯！</p>
                            <p>
                                <img class="list-img" src="${CONTEXT_PATH}/zb/img/jiu1.jpg" style="height: 80px;">
                                <img class="list-img" src="${CONTEXT_PATH}/zb/img/jiu2.jpg" style="height: 80px;">
                                <img class="list-img data-avt" src="#" style="height: 80px;">
                            </p>
                        </div>
                        <p class="time">50分钟前</p><img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                    </div>
                    <div class="r"></div>
                    <div class="cmt-wrap">
                        <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">千颂伊，鹿晗，郑凯，李晨，王祖蓝，…</div>
                        <div class="cmt-list">
                            <p><span>都敏俊：</span>初雪天气，正好啤酒+炸鸡，晚上来不？</p>
                            <p><span class="data-name">🐹</span>回复<span>都敏俊：</span>千颂伊也会来不？</p>
                            <p><span>鹿晗：</span>戒酒很容易的，我都戒了几次了～</p>
                            <p><span class="data-name">🐹</span>回复<span>鹿晗：</span>同意！</p>
                        </div>
                    </div>
                </div>
            </li>

            <li>
                <div class="po-avt-wrap">
                    <img class="po-avt" src="${CONTEXT_PATH}/zb/img/TF1.jpeg">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name">TFboy-王俊凯</p>
                        <div class="post">
                            <p>有人说我丑，我真TMD笑了。。。<br><br><br><br>你是没有见过我那帮朋友~</p>
                            <p>
                                <img src="${CONTEXT_PATH}/zb/img/TF2.jpeg">
                            </p>
                        </div>
                        <p class="time">50分钟前</p>
                        <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                    </div>
                    <div class="r">
                    </div>
                    <div class="cmt-wrap">
                        <div class="like">
                            <img src="${CONTEXT_PATH}/zb/img/like_icon.png">
                            <b class="data-name">🐹</b>
                        </div>
                        <div class="cmt-list">
                            <p><span>tfboy-王源：</span>。。。。</p>
                            <p><span>黄晓明：</span>。。。。</p>
                            <p><span class="data-name">🐹</span><span>：</span>。。。。</p>
                            <p><span>tfboy-王俊凯</span>回复<span class="data-name">🐹</span><span>：</span>点赞的最帅！</p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="po-avt-wrap">
                    <img class="po-avt" src="${CONTEXT_PATH}/zb/img/a7.jpg">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name">金星</p>
                        <p class="post">完美！</p>
                        <p class="time">55分钟前</p>
                        <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                    </div>
                    <div class="r"></div>
                    <div class="cmt-wrap">
                        <div class="cmt-list">
                            <p><span class="data-name">🐹</span><span>：</span>星姐，求虐！</p>
                            <p><span>金星</span>回复<span class="data-name">🐹</span><span>：</span>你呢，人长的挺好看，就是偏偏要靠才华。</p>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div id="share">
        <p>
            （此朋友圈纯属虚构.Powered by 红安人 ,更多有趣的玩法,请关注下方公众号）
        </p>
        <p>
            <img src="${CONTEXT_PATH}/zb/img/code_superhunter8.jpg">
        </p>
        <div style="padding:15px;padding-bottom:20px">
            <button id="gotoplay" class="btn btn-success btn-lg btn-block">我也要玩</button>
            <br>
        </div>
    </div>
    <style type="text/css">
        #abbox {
            margin-bottom: 10px;
            margin-left: 15px;
            margin-right: 15px;
        }

        #abbox a.ab_btn {
            background: none;
            width: 100%;
        }

        #abbox a.ab_btn img {
            width: 100%;
            border: 1px solid #efefef;
        }

        #abbox p {
            color: #999999;
            text-align: center;
            font-size: 18px;
            border-bottom: 1px dashed #999999;
            margin-bottom: 20px;
        }

        .adlabel1 {
            background: #787878;
            color: #FFF;
            padding: 3px 5px;
            padding-left: 21px;
            margin-right: 1px;
            float: right;
            font-size: 14px;
        }

        .adlabel1 img {
            width: 14px;
            height: 14px;
            margin-left: -15px;
            position: absolute;
        }

        .adlabel2 {
            background: #2b61c1;
            color: #FFF;
            padding: 3px 5px;
            float: right;
            font-size: 14px;
        }
    </style>


    <div id="noguide" class="hide">
    </div>
</div>
<script id="scene" type="text/template">
    <ul>
        <li>
            <div class="po-avt-wrap">
                <img class="po-avt data-avt" src="">
            </div>
            <div class="po-cmt">
                <div class="po-hd">
                    <p class="po-name"><span class="data-name"></span></span></p>
                    <div class="post">
                        <p>我真心把你们当朋友，而你们呢？呵呵<br><br><br><br>一个个全都把我当偶像！</p>
                        <p>
                            <img class="data-avt" src="">
                        </p>
                    </div>
                    <p class="time">刚刚</p><img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                </div>
                <div class="r"></div>
                <div class="cmt-wrap">
                    <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">高圆圆，都敏俊，鹿晗，郑凯，李晨，王祖蓝，…</div>
                    <div class="cmt-list">
                        <p><span>迪丽热马-Dilraba：</span>😍偶像～</p>
                        <p><span>鹿晗：</span>男神💘～</p>
                        <p><span>权志龙：</span>아이돌～</p>
                        <p><span class="data-name"></span>回复<span>鹿晗：</span>别！我真的只是把你当朋友！</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="po-avt-wrap">
                <img class="po-avt" src="${CONTEXT_PATH}/zb/img/bingbing.jpg">
            </div>
            <div class="po-cmt">
                <div class="po-hd">
                    <p class="po-name">范冰冰</p>
                    <div class="post">
                        <p>刚才看到一个身影很像你，我疯了似的追上去，才想起这个城市没有你，不由自主流下泪来，我想你了~ @<span class="data-name"></span></p>
                        <img class="list-img" src="${CONTEXT_PATH}/zb/img/bing1.jpg">
                        <img class="list-img data-avt" src="">
                    </div>
                    <p class="time">1分钟前</p>
                    <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                </div>
                <div class="r"></div>
                <div class="cmt-wrap">
                    <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png"> 杨幂，angelbaby，李易峰，边伯贤，柳岩</div>
                    <div class="cmt-list">
                        <p><span>柳岩：</span>求求你，不要跟我抢<span class="data-name"></span>好吗？</p>
                        <p><span class="data-name"></span><span>：</span>呃，冰冰姐你这样黑牛会杀了我</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="po-avt-wrap">
                <img class="po-avt" src="${CONTEXT_PATH}/zb/img/cjk.jpg">
            </div>
            <div class="po-cmt">
                <div class="po-hd">
                    <p class="po-name">苍井空</p>
                    <p class="post">还是好困~</p>
                    <img src="${CONTEXT_PATH}/zb/img/cjk2.jpg">
                </div>
                <p class="time">2分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
            </div>
                <div class="r"></div>
                <div class="cmt-wrap">
                    <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">大鹏，王俊凯，陈冠希，昆凌，张杰，李易峰</div>
                    <div class="cmt-list">
                        <p><span>陈冠希：</span>怪我咯~</p>
                        <p><span class="data-name"></span><span>：</span>怪我咯~</p>
                        <p><span>大鹏：</span>怪我咯~</p>
                        <p><span>李易峰：</span>怪我咯~</p>
                        <p><span>苍井空</span>回复<span class="data-name"></span><span>：</span>知道就好！</p>
                    </div>
                </div>
            </div>
            </div>
        </li>
        <li>
            <div class="po-avt-wrap">
                <img class="po-avt" src="${CONTEXT_PATH}/zb/img/liu.jpeg">
            </div>
            <div class="po-cmt">
                <div class="po-hd">
                    <p class="po-name">刘嘉玲</p>
                    <div class="post">
                        <p>电影《澳门风云3》首映，好久不见了各位大爷！强烈鄙视一个不愿露面的 @<b class="data-name"></b></p>
                        <img class="list-img" src="${CONTEXT_PATH}/zb/img/liu1.jpg" style="height: 80px;">
                        <img class="list-img" src="${CONTEXT_PATH}/zb/img/liu3.jpg" style="height: 80px;">
                        <img class="data-avt list-img" src="" style="height: 80px;">
                    </div>
                    <p class="time">3分钟前</p>
                    <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                </div>
            </div>
        </li>


        <li>
            <div class="po-avt-wrap">
                <img class="po-avt data-avt" src="">
            </div>
            <div class="po-cmt">
                <div class="po-hd">
                    <p class="po-name"><span class="data-name"></span></span></p>
                    <div class="post">
                        <p>从明天开始戒酒，如果再喝一口的话，不用你们说...我自罚三杯！</p>
                        <p>
                            <img class="list-img" src="${CONTEXT_PATH}/zb/img/jiu1.jpg" style="height: 80px;">
                            <img class="list-img" src="${CONTEXT_PATH}/zb/img/jiu2.jpg" style="height: 80px;">
                            <img class="list-img data-avt" src="" style="height: 80px;">
                        </p>
                    </div>
                    <p class="time">50分钟前</p><img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                </div>
                <div class="r"></div>
                <div class="cmt-wrap">
                    <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">千颂伊，鹿晗，郑凯，李晨，王祖蓝，…</div>
                    <div class="cmt-list">
                        <p><span>都敏俊：</span>初雪天气，正好啤酒+炸鸡，晚上来不？</p>
                        <p><span class="data-name"></span>回复<span>都敏俊：</span>千颂伊也会来不？</p>
                        <p><span>鹿晗：</span>戒酒很容易的，我都戒了几次了～</p>
                        <p><span class="data-name"></span>回复<span>鹿晗：</span>同意！</p>
                    </div>
                </div>
            </div>
        </li>

        <li>
            <div class="po-avt-wrap">
                <img class="po-avt" src="${CONTEXT_PATH}/zb/img/TF1.jpeg">
            </div>
            <div class="po-cmt">
                <div class="po-hd">
                    <p class="po-name">TFboy-王俊凯</p>
                    <div class="post">
                        <p>有人说我丑，我真TMD笑了。。。<br><br><br><br>你是没有见过我那帮朋友~</p>
                        <p>
                            <img src="${CONTEXT_PATH}/zb/img/TF2.jpeg">
                        </p>
                    </div>
                    <p class="time">50分钟前</p>
                    <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                </div>
                <div class="r">
                </div>
                <div class="cmt-wrap">
                    <div class="like">
                        <img src="${CONTEXT_PATH}/zb/img/like_icon.png">
                        <b class="data-name"></b>
                    </div>
                    <div class="cmt-list">
                        <p><span>tfboy-王源：</span>。。。。</p>
                        <p><span>黄晓明：</span>。。。。</p>
                        <p><span class="data-name"></span><span>：</span>。。。。</p>
                        <p><span>tfboy-王俊凯</span>回复<span class="data-name"></span><span>：</span>点赞的最帅！</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="po-avt-wrap">
                <img class="po-avt" src="${CONTEXT_PATH}/zb/img/a7.jpg">
            </div>
            <div class="po-cmt">
                <div class="po-hd">
                    <p class="po-name">金星</p>
                    <p class="post">完美！<img src="${CONTEXT_PATH}/zb/img/code_superhunter8.jpg">
                    </p>
                    <p class="time">55分钟前</p>
                    <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                </div>
                <div class="r"></div>
                <div class="cmt-wrap">
                    <div class="cmt-list">
                        <p><span class="data-name"></span><span>：</span>星姐，求虐！</p>
                        <p><span>金星</span>回复<span class="data-name"></span><span>：</span>你呢，人长的挺好看，就是偏偏要靠才华。</p>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</script>


<#include "/zb/init.html" encoding="utf-8"/>
<style>
    body > span {
        display: none;
    }
</style>

</body>
</html>